.main{
    display: flex; 
    display: -webkit-flex;
    border: 1px solid rosybrown;
    width: 500px;
    height: 200px;
    /* flex-direction: row;
    flex-wrap: wrap-reverse */
    flex-flow: row wrap;
    justify-content:space-around;
    align-items: center;
    align-content: stretch;
    --color-white:''
}
.box{
    background-color: goldenrod;
    margin-left: 1px;
}
.box0{
    flex-grow: 1
}
.box1{
    order: 1;
}
.box2{
    
}
.box3{
     flex-grow: 1
}
.box4{
     flex-grow: 1
}
.box5{
    
}
.box6{
    order: -6
}
.box7{
    
}
.box8{
    
}
.box9{
    
}
.box10{
    
}
.box11{
    
}
.box12{
    
}
.box13{
    
}